<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/settlement.css">
    <link rel="stylesheet" href="icon/iconfont.css">
</head>
<body>
    <div class="header">
        <div class="model">
            <div class="logo">
                <h1>米哥</h1>
                <h2>支付订单</h2>
            </div>
            <div class="uname">
                <span id="name">用户名</span>
                <span>｜</span>
                <span>我的订单</span>
            </div>
        </div>
    </div>

    <div class="main">
        <div class="model">
            <div class="banner">
                <div class="banner_left">
                    <img src="image/settlement/3.png" alt="">
                </div>
                <div class="banner_right">
                    <div class="banner_right_top">
                        <div class="brtl">
                            <h2>订单提交成功！ 去支付款咯~</h2>
                            <p>请在<span>0 小时 14分钟</span>内完成支付，超时后将取消订单</p>
                        </div>
                        <div class="brtr">
                            <p>应付总额：<span id="qian">2399元</span></p>
                            <p>订单详情</p>
                        </div>
                    </div>
                    <div class="banner_right_bottom">
                        <ul>
                            <li>
                                订单号 : <span>26262626262626262</span>
                            </li>
                            <li>
                                收货期信息:<span>发生的发生的发生大幅暗示的地方暗示的地方</span>
                            </li>
                            <li>
                                商品名称：<span id="momery">Redmi k50 8GB+128GB 墨鱼</span>
                            </li>
                            <li>
                                发票信息：<span>电子普通发票个人</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="flooter">
                <h2>选择以下支付方式付款</h2>
                <p>支付平台</p>
                <img id="zf" src="image/settlement/1.png" alt=""><img id="wx" src="image/settlement/2.jpg" alt="">
            </div>
        </div>
    </div>

    <div id="zzc" class="zzc" style="display: none;"></div>
    <div id="box" class="box" style="display: none;">
        <div class="top">
            <h2>微信支付</h2>
            <p id="quxiao" style="cursor: default;">X</p>
        </div>
        <div class="bottom">
            <img src="image/settlement/wxget.png" alt="">
            <p>请使用<span>微信</span>扫一扫</p>
            <p>二维码完成支付</p>
        </div>
    </div>

    <div class="mainf">
        <div class="flooter">
            <div class="flooter_top">
                <ul>
                    <li><span class="iconfont">&#xe62e;</span>预约维修服务</li>
                    <li><span class="iconfont">&#xe61f;</span>7天无理由退货</li>
                    <li><span class="iconfont">&#xe606;</span>15天免费换货</li>
                    <li><span class="iconfont">&#xe603;</span>满69元包邮</li>
                    <li><span class="iconfont">&#xe675;</span>520余家售后网点</li>
                </ul>
            </div>
            <div class="flooter_bottom">
                <ul class="flooter_bottom_left">
                    <li>
                        <h2>帮助中心</h2>
                        <p>账户管理</p>
                        <p>购物指南</p>
                        <p>订单操作</p>
                    </li>
                    <li>
                        <h2>服务支持</h2>
                        <p>售后政策</p>
                        <p>自助服务</p>
                        <p>相关下载</p>
                    </li>
                    <li>
                        <h2>线下门店</h2>
                        <p>小米之家</p>
                        <p>服务网点</p>
                        <p>授权体验店专区</p>
                    </li>
                    <li>
                        <h2>关于小米</h2>
                        <p>了解小米</p>
                        <p>加入小米</p>
                        <p>投资者关系</p>
                        <p>企业社会责任</p>
                        <p>廉洁举报</p>
                    </li>
                    <li>
                        <h2>关注我们</h2>
                        <p>新浪微博</p>
                        <p>官方微信</p>
                        <p>联系我们</p>
                        <p>公益基金会</p>
                    </li>
                    <li>
                        <h2>特色服务</h2>
                        <p>F码通道</p>
                        <p>礼物码</p>
                        <p>防伪查询</p>
                    </li>
                </ul>
                <div class="flooter_bottom_right">
                    <h2>400-100-5678</h2>
                    <p>8:00-18:00 (仅收市话费)</p>
                    <a href="#">人工客服</a>
                    <p>关注小米 <span class="iconfont">&#xe601;
                    </span> <span class="iconfont">&#xe602;</span></p>
                </div>
            </div>
        </div>
    </div>
    <script src="js/jquery.slim.min.js"></script>
    <script src="js/settlement.js">
    </script>
</body>
</html>
